body,body *{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    border: none;
    font-size: 18px;
    color: #4C4C4C;
    font-family: Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,sans-serif;
}
.big-background{
    width: 1510px;
    height: 768px;
    background:url(../imgs/big-background.jpg) center no-repeat;
    position: relative;
}
.grandfather{
    width: 450px;
    height: 520.6px;
    /* background-color: green; */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.logo{
    width: 107px;
    height: 38px;
    background:url(../imgs/gaihou.png) center no-repeat;
    position: absolute;
    left: 50%;
    top:10%;
    transform: translate(-50%,-50%);

}
.father{
    /* padding-top: 20px; */
    text-align: center;
    width: 450px;
    height: 400.6px;
    background-color: #fff;
    /* 465.6 */
}
.cha{
    width: 23px;
    height: 23px;
    background:url(../imgs/下载\ \(1\)\ \(1\).png) right no-repeat;
    padding: 5px;
    position: absolute;
    top: 80px;
    right: 5px;
    cursor: pointer;
}
.son1{
    position: absolute;
    width: 370px;
    height: 47.8px;
    top: 100px;
    left: 40px;
    /* background-color: red; */
    display: flex;
}

 
.nav{
    width:370px;
    /* 超出部分隐藏 */
    overflow: hidden;
    margin: auto;
    display: flex;
}
.content{
    width: 370px;
    height: 47px;
    flex-shrink: 0;
}
#nav1{
    width: 185px;
    height: 47.8px;
    text-decoration: none;
    text-align:center;
    line-height: 47.8px;
    font-weight: bold;
    border-bottom: 2px solid ;
   padding-bottom: 10px;
}
#nav2{
    width: 185px;
    height: 47.8px;
    text-decoration: none;
    text-align:center;
    line-height: 47.8px;

}

.down{
    margin: 47.8px auto auto auto;
    width: 370px;
    height: 200.8px;
    position: absolute;
    /* background-color: beige;     231.8*/
}
#phone1{
    /* display:block; */
    width:330.4px;
    height:70px;
    background:0 0;
    padding: 10px 12px 3px 10px;
    border:0;
    outline:0;
    font-size:18px;
    border-bottom:1px solid rgba(0,0,0,.2);
    border-radius:0
}
.code1{
    width: 370px;
    height: 62.6px;
    /* background-color: rebeccapurple; */
}
#code1{
    width:248.4px;
    height:46px;
    background:0 0;
    padding: 10px 12px;
    border:0;outline:0;
    border-bottom:1px solid rgba(0,0,0,.2);
    font-size:18px
}
#btnSendCode1{
    width:120pxpx;
    height:46px;
    padding:13px 0px;
    margin:0;
    font-size:16px;
    background:0 0;
    /* border-radius:30px; */
    color:#7F858A;
    border-color:#fff;
    outline:0
}
.final{
    width: 370px;
    height: 48px;
    text-align: center;
    background-color: rebeccapurple;
}
.inputBox{
    width: 370px;
    height: 48px;
    border-color: #3b4354;
    background-color: #3b4354;
    border-radius: .2rem;
    line-height: 48px;
    font-size: 18px;
    cursor: pointer;
}
.denglu{
    direction: none;
    font-size: 18px;
    background-color: #3b4354;
    color: #fff !important;
    text-decoration: none;
    cursor: pointer;
    /* display: inline-block;
    margin: 0 auto; */
}
.register-bar2{
    width: 370px;
    height: 30px;
    /* background-color: red; */
}
.problem{
    width: 112px;
    height: 20.8px;
    font-size: 16px;
    padding: 5px 0 0 0;
    cursor: pointer;
    /* justify-content: flex-start;
     display: flex; 
    text-align: left; */
}
.register1{
    width: 112px;
    height: 20.8px;
    font-size: 16px;
    padding: 5px 0 0 0;
    /* margin-left: 10px; */
    /* text-align: right; */
    text-decoration: none;
    /* justify-content: flex-end;
    display: flex;
    text-align: right; */
}






.father3{
    width: 450px;
    height: 116px;
    background-color: #fff;
    text-align: center;
}
.char{
    font-size: 16px;
    color: #3C4044;
    font-family:" Microsoft YaHei",\\5FAE\8F6F\96C5\9ED1,sans-serif;
    text-decoration: none;
}
.a1{
    text-decoration: none;
    color: #7f858a;
    font-size: 16px;
}
.a2{
    text-decoration: none;
    color: #7f858a;
    font-size: 16px;
}
.l{
    width: 358.84px;
    height: 92px;
    text-align: left;
    display: inline-block;
}